<!DOCTYPE html>
<html lang="en">
<head>
    <title>江阴市住房和城乡建设局智慧住建平台</title>
    <meta charset="utf-8">
    <META HTTP-EQUIV="pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
    <META HTTP-EQUIV="expires" CONTENT="0">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
    <script src="../js/jquery-1.11.0.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>

</head>
<style>
    .bg {
        background: url("../images/bg.png") no-repeat center fixed;
        background-size: 100% 100%;
    }

    .col-xs-1-5 {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .col-xs-1-5 {
        width: 20%;
        float: left;
    }

    .row-margin-top {
        margin-top: 0px;
    }

    .row-margin-top-foot {
        margin-top: 20px;
    }
</style>
<script type="text/javascript">

    //自动播放音频
    function jumpPage() {
        window.location.href = '/wui/index.html#/main/?theme=ecology9TS';
    }
</script>
<body class="bg">
<div class="container">

    <div class="row ">
        <div class="col-xs-12">
            <div class="items text-center">
                <img src="../images/logo.png" class="img-responsive" alt="Cinque Terre">
            </div>
        </div>
    </div>
    <div class="row row-margin-top">
        <div class="col-xs-1-5">
            <div class="items text-center">
                <img src="../images/办公oa.png" onclick="jumpPage()" class="img-responsive" alt="Cinque Terre"
                     height="180" width="180" style="cursor : pointer;">
            </div>
        </div>
        <div class="col-xs-1-5">
            <div class="items text-center">
                <img src="../images/监控平台.png" class="img-responsive" alt="Cinque Terre" height="180" width="180"
                     style="cursor : pointer;">
            </div>
        </div>
        <div class="col-xs-1-5">
            <div class="items text-center">
                <img src="../images/智慧工地.png" class="img-responsive" alt="Cinque Terre" height="180" width="180"
                     style="cursor : pointer;">
            </div>
        </div>
        <div class="col-xs-1-5">
            <div class="items text-center">
                <img src="../images/智慧物业.png" class="img-responsive" alt="Cinque Terre" height="180" width="180"
                     style="cursor : pointer;">
            </div>
        </div>
        <div class="col-xs-1-5">
            <div class="items text-center">
                <img src="../images/预售许可审批.png" class="img-responsive" alt="Cinque Terre" height="170" width="180"
                     style="cursor : pointer;">
            </div>
        </div>
    </div>
    <div class="row row-margin-top-foot">
        <div class="col-xs-1-5">
            <div class="items text-center">

            </div>
        </div>
        <div class="col-xs-1-5">
            <div class="items text-center">
                <img src="../images/市场监测分析.png" class="img-responsive" alt="Cinque Terre" height="180" width="180"
                     style="cursor : pointer;">
            </div>
        </div>
        <div class="col-xs-1-5">
            <div class="items text-center">
                <img src="../images/预售资金监管.png" class="img-responsive" alt="Cinque Terre" height="180" width="180"
                     style="cursor : pointer;">
            </div>
        </div>
        <div class="col-xs-1-5">
            <div class="items text-center">
                <img src="../images/物业维修资金.png" class="img-responsive" alt="Cinque Terre" height="180" width="180"
                     style="cursor : pointer;">
            </div>
        </div>

        <div class="col-xs-1-5">
            <div class="items text-center">

            </div>
        </div>


    </div>
</div>
</body>
</html>